$fontSize_14: 0.8vw;
$fontSize_16: 0.9vw;
$fontSize_18: 1vw;
$fontSize_22: 1.1vw;
$fontSize_24: 1.26vw;
$fontSize_28: 1.3vw;
$fontSize_32: 1.4vw;
$fontSize_36: 1.8vw;
$fontSize_40: 2.1vw;
$fontSize_48: 2.5vw;
$fontSize_50: 2.6vw;
$fontSize_54: 2.7vw;
$fontSize_64: 3.2vw;
$fontSize_70: 3.5vw;
$fontSize_90: 4.5vw;
$fontSize_100: 5vw;
$fontSize_200: 10vw;
$width: 82.292vw;


.home {
  position: relative;
  width: 100%;
  background: #F7F7F7;

  .scroll_section {
    position: relative;
    .section_box {
      // position: fixed;
      // left: 0;
      // top: 0;
      .content_box {
        width: 80vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        .text {
          font-size: $fontSize_64;
          color: #333;
          letter-spacing: 6px;
          line-height: 1.6;
          p{
            transition: all 600ms;
          }
        }
        .en{
          font-size: $fontSize_40;
          line-height: 1.5;
        }

        .btn{
          margin-top: 2vw;
          transition: all 600ms;
          a {
            display: inline-block;
            border-radius: 100px;
            border: 1px solid #DA353B;
            color: #DA353B;
            font-size: $fontSize_22;
            padding: 0.5vw 2.5vw;
            transition: all 600ms;
            &:hover{
              background: #DA353B;
              color:#fff;
            }
          }
        }
      }
    }
    // .first-section{
    //   .content_box{
    //     .text{
    //       p{
    //         animation: move 600ms linear forwards;
    //       }
    //     }
    //     .btn{
    //       animation: move 600ms linear forwards;
    //     }
    //     @keyframes move {
    //       from{
    //         opacity: 0;
    //         transform: translate(20px,20px);
    //       }
    //       to{
    //         opacity: 1;
    //         transform: translate(0,0);
    //       }
    //     }
    //   }
    // }
    .hidden_box{
      .content_box{
        .text{
          p{
            opacity: 0;
            transform: translate(20px,20px);
          }
        }
        .btn{
          opacity: 0;
          transform: translate(20px,20px);
        }
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding-top: 60px;

    .banner {
      .dt {
        .p1 {
          font-size: 24px;
        }

        .scroll {
          margin-top: 15px;

          p {
            font-size: 16px;
          }
        }
      }
    }

    .section1 {
      padding: 80px 0 150px 0;

      .t1 {
        font-size: 24px;
      }

      .u,
      .y {
        width: 30%;

        svg {
          width: 100%;
          height: auto;
        }
      }

      a {
        font-size: 16px;
      }

      .pic {
        right: 5%;

        img {
          max-width: 30vw;
        }
      }
    }

    .scroll_section {
      .section2 {
        .bg {
          img {
            min-height: 80vh;
          }
        }

        .text {
          width: 60%;
          left: 5%;

          .p1 {
            font-size: 16px;
          }

          .des {
            font-size: 12px;
          }
        }
      }

      .section3 {
        .bg {
          img {
            min-height: 80vh;
          }
        }

        .text {
          width: 60%;
          left: 20%;

          .p1 {
            font-size: 16px;
          }

          .des {
            font-size: 12px;
          }
        }
      }

      .section4 {
        .bg {
          video {
            min-height: 80vh;
          }
        }

        .text {
          width: 60%;
          top: 40%;

          .p1 {
            font-size: 16px;
          }

          .des {
            font-size: 12px;
          }
        }
      }
    }

    .section5 {
      padding-bottom: 25vw;

      .t {
        font-size: 24px;
      }

      a {
        bottom: 15vw;
        font-size: 16px;
        left: 30%;
      }
    }

    .section6 {
      .text {
        .t {
          font-size: 24px;
        }

        a {
          font-size: 16px;
        }
      }
    }
  }
}